import React, {Component} from 'react';
import './App.css';
import Clock from './js/components/clock'
import Toggle from './js/components/toggle'
import LoginControl from './js/components/logincontrol'
import KeyUsage from './js/components/keyusage'
import NameForm from './js/components/forms'
import Calculator from "./js/components/clculator";
import OuterClickExample from "./js/components/clickexample";
import Nav from "./js/components/router";


class App extends Component {

    render() {
        return (
            <React.Fragment>
                <div className="Clock">
                    <Clock/>
                </div>
                <div className="Lasers">
                    <Toggle/>
                </div>
                <div className="LoginControl">
                    <LoginControl/>
                </div>

                <div className="KeyUsage">
                    <KeyUsage numbers={[1, 2, 3]}/>
                </div>

                <div className="NameForm">
                    <NameForm/>
                </div>

                <div className="Calculator">
                    <Calculator/>
                </div>
                <div className="OuterClickExample">
                    <OuterClickExample/>
                </div>
                <div className="Nav">
                    <Nav/>
                </div>
            </React.Fragment>
        );
    }
}

export default App;
